<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div th:fragment="header">

    <div class="header-top" id="header-top">
        <div class="auto-container">
            <div class="inner-container clearfix">
                <div class="top-left">
                    <ul class="clearfix">
                        <li><a href="#"><i class="fa fa-volume-control-phone"></i> 15136609940</a></li>
                        <li><a href="#"><i class="fa fa-envelope-o"></i> 15136609940@163.com</a></li>
                    </ul>
                </div>
                <div class="top-right">
                    <div class="link-box"><a href="/page/appointment">立刻预定</a></div>
                </div>
            </div>
        </div>
    </div>

    <div class="main-box clearfix" id="main-box">
        <!--Logo Box-->
        <div class="logo-box">
            <div class="logo"><a href="index.html"><img src="/images/logo.png" alt=""></a></div>
        </div>
        <!--Nav Outer-->
        <div class="nav-outer clearfix">
            <!-- Main Menu -->
            <nav class="main-menu">
                <div class="navbar-header">
                    <!-- Toggle Button -->
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>

                <div class="navbar-collapse collapse clearfix">
                    <ul class="navigation clearfix">
                        <li class="dropdown"><a href="/page/index">首页</a>
                            <ul>
                                <li><a href="/page/index">回到首页</a></li>
                            </ul>
                        </li>
                        <li class="dropdown"><a href="#">预定</a>
                            <ul>
                                <li><a href="/page/appointment">预定</a></li>
                            </ul>
                            <div class="dropdown-btn"><span class="fa fa-angle-down"></span></div>
                        </li>
                        <li class="dropdown">

                            <ul>
                                <li><a href="/page/gallery">我们的服务</a></li>
                            </ul>


                        </li>
                        <li class="dropdown"><a href="#">养生文章</a>
                            <ul>
                                <li><a href="/page/blog">最新文章</a></li>
                            </ul>
                            <div class="dropdown-btn"><span class="fa fa-angle-down"></span></div>
                        </li>
                        <li class="dropdown"><a href="#">商店</a>
                            <ul>
                                <li><a href="/page/product">产品</a></li>
                                <li><a href="/page/productDetail">产品明细</a></li>

                            </ul>
                            <div class="dropdown-btn"><span class="fa fa-angle-down"></span></div>
                        </li>
                        <li><a href="/page/aboutUs">关于我们</a></li>

                    </ul>
                </div>
            </nav>
            <!-- Main Menu End-->

            <!--outer Box-->
            <div class="outer-box">
                <!-- Cart Btn -->
                <div class="cart-btn">
                    <a href="/page/cart" title="">
                        <i class="fa fa-shopping-basket"></i>

                    </a>
                </div>

                <!--Search Box-->
                <div class="dropdown search-box-outer">
                    <button class="search-btn dropdown-toggle" type="button" id="dropdownMenu3" data-toggle="dropdown"
                            aria-haspopup="true" aria-expanded="false"><span class="fa fa-search"></span></button>
                    <ul class="dropdown-menu pull-right search-panel" aria-labelledby="dropdownMenu3">
                        <li class="panel-outer">
                            <div class="form-container">
                                <form method="post" onsubmit="return false">
                                    <div class="form-group">
                                        <input type="search" name="field-name" id="q" value="" placeholder="搜索本站"
                                               required="">
                                        <button type="submit" onclick="searchService()"  class="search-btn"><span class="fa fa-search"></span>
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </li>
                    </ul>
                </div>
            </div><!--End outer Box-->
        </div>
    </div>

    <div class="sticky-header" id="header-sticky">
        <div class="auto-container clearfix">
            <!--Logo-->
            <div class="logo pull-left">
                <a href="/page/index" class="img-responsive"><img src="/images/logo.png" alt="" title=""></a>
            </div>

            <!--Right Col-->
            <div class="right-col pull-right">
                <!-- Main Menu -->
                <nav class="main-menu">
                    <div class="navbar-header">
                        <!-- Toggle Button -->
                        <button type="button" class="navbar-toggle" data-toggle="collapse"
                                data-target=".navbar-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>

                    <div class="navbar-collapse collapse clearfix">
                        <ul class="navigation clearfix">
                            <li class="dropdown"><a href="/page/index">首页</a>
                                <ul>
                                    <li><a href="/page/index">回到首页</a></li>
                                </ul>
                            </li>
                            <li class="dropdown"><a href="/page/aboutUs">预约</a>
                                <ul>

                                    <li><a href="/page/appointment">预定</a></li>

                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="/page/gallery">我们的服务</a>
                            </li>
                            <li class="dropdown"><a href="#">养生文章</a>
                                <ul>
                                    <li><a href="/page/blog">最新文章</a></li>

                                </ul>
                            </li>
                            <li class="dropdown"><a href="#">商店</a>
                                <ul>
                                    <li><a href="/page/product">产品</a></li>
                                </ul>
                            </li>
                            <li><a href="/page/aboutUs">关于我们</a></li>
                        </ul>
                    </div>
                </nav><!-- Main Menu End-->
            </div>
        </div>
    </div>

</div>

</body>
</html>